Page {
  width: 100%;
  height: 100%;
}
.active {
  background-color: rgba(0, 0, 0, 0.1);
}
.message {
  width: 100%;
  height: 100%;
  overflow: hidden;
  .message_list {
    margin: 10rpx 32rpx;
    .message_item {
      width: 100%;
      height: 110rpx;
      display: flex;
      align-items: center;
      margin-top: 15rpx;
      .item_icon {
        height: 94rpx;
        width: 100rpx;
        border-radius: 50%;
        overflow: hidden;
        image {
          width: 100%;
          height: 100%;
        }
      }
      .item_content {
        width: 580rpx;
        height: 100rpx;
        display: flex;
        flex-flow: column nowrap;
        text-indent: 1rem;
        text {
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          &:nth-of-type(2) {
            font-size: 25rpx;
            color: ~"var(--fontSizeTheme)";
          }
        }
      }
      .item_hink {
        width: 50rpx;
        height: 100rpx;
        line-height: 100rpx;
        text-align: center;
      }
    }
  }
}
